<!DOCTYPE html>
<p>Turn an absolutely positioned box into a column spanner.</p>
<p>Below there should be a blue <em>square</em> with the word "PASS" directly underneath.</p>
<div style="-webkit-columns:3; width:100px;">
    <div id="spanner" style="position:absolute; width:100%; height:100px; -webkit-column-span:all; background:blue;"></div>
</div>
PASS
<script>
    document.body.offsetTop;
    document.getElementById("spanner").style.position = "static";
</script>
